@charset "utf-8";

/*—————————————————————————————— common ——————————————————————————————*/

html{font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-size: 62.5%;}
body{margin: 0 auto;font-size: 1.2rem;line-height: 1.5;color: #4c4c4c;background: #f0f0f0;height: 100%;overflow-x: hidden;-webkit-overflow-scrolling: touch;max-width: 640px;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
audio, canvas, progress, video{display: inline-block;vertical-align: baseline;}
audio:not([controls]){display: none;height: 0;}
[hidden], template{display: none;}
svg:not(:root){overflow: hidden;}

i{font-style: normal;}
a{background: transparent;text-decoration: none;-webkit-tap-highlight-color: transparent;color: #4c4c4c;}
a:active{outline: 0;star:expression(this.onFocus=this.blur());-webkit-tap-highlight-color:rgba(0, 0, 0, 0);/* 取消链接高亮 */}
a:focus { outline:0; }
abbr[title]{border-bottom: 1px dotted;}
b, strong{font-weight: 500;}
dfn{font-style: italic;}
mark{background: #ff0;color: #000;}
small{font-size: 80%;}
sub, sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
img{border: 0;vertical-align: middle;}
hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre{overflow: auto;white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
code, kbd, pre, samp{font-family: monospace, monospace;font-size: 1em;}

button, input, optgroup, select, textarea{color: inherit;font: inherit;margin: 0;}
button{overflow: visible;}
button, select{text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button;cursor: pointer;}
button[disabled], html input[disabled]{cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner{border: 0;padding: 0;}
input{line-height: normal;}
input[type="checkbox"], input[type="radio"]{box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height: auto;}
input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend{ border: 0;padding: 0;}
textarea{overflow: auto;resize: vertical;}
optgroup{font-weight: bold;}

table{border-collapse: collapse;border-spacing: 0;}
td, th{padding: 0;}

html, button, input, select, textarea{font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote{margin: 0;}
ul, ol, li, dl, dd{margin: 0;padding: 0;}
ul, ol{list-style: none outside none;}
h1, h2, h3{line-height: 2;font-weight: normal;}
h1{font-size: 1.8rem;}
h2{font-size: 1.6rem;}
h3{font-size: 1.4rem;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #aaa;}

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/*@font-face {
  font-family: 'iconfont';
  src: url('http://at.alicdn.com/t/font_1471229176_3036246.eot'); /* IE9*/
/*  src: url('http://at.alicdn.com/t/font_1471229176_3036246.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
/*  url('http://at.alicdn.com/t/font_1471229176_3036246.woff') format('woff'), /* chrome、firefox */
/*  url('http://at.alicdn.com/t/font_1471229176_3036246.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
/*  url('http://at.alicdn.com/t/font_1471229176_3036246.svg#iconfont') format('svg'); /* iOS 4.1- */
/*}*/

.iconfont{font-family:"iconfont";font-size:2.4rem;font-style:normal;color: #fff;}

.fl{float: left;}
.fr{float: right;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.ft10{font-size: 1rem;}
.ft12{font-size: 1.2rem;}
.ft14{font-size: 1.4rem;}
.ft15{font-size: 1.5rem;}
.ft16{font-size: 1.6rem;}
.ft18{font-size: 1.8rem;}
.ft20{font-size: 2rem;}
.ti10{text-indent: 10px;}
.ti24{text-indent: 24px;}
.ti28{text-indent: 28px;}
.ti32{text-indent: 32px;}
.lh18{line-height: 18px;}
.lh22{line-height: 22px;}
.lh40{line-height: 40px;}
.lh46{line-height: 46px;}
.tdu{text-decoration: underline;}

.active_color{color: #d95d80 !important;}
.grey_color{color: #666 !important;}
.wrap_bg{background-color: #333 !important;}
body.wrap_bg{padding-bottom:60px;}
.grey_bg{background-color: #141414 !important;}
.black_bg{background-color: #1c1c1c !important;}
.active_bg{background-color: #d95d80 !important;}



.color-white{color: #fff !important;}
.color-whites{color: #FED !important;}
.color-black{color: #000 !important;}
.color-dgrey{color: #bbb !important;}
.color-grey{color: #666 !important;}
.color-lgrey{color: #808080 !important;}
.color-sub{color: #ff6ca2 !important;}
.color-main{color: #3fd9c1 !important;}
.color-blue{color: #58d3ff !important;}
.color-orange{color: #ff7d69 !important;}
.color-active{color: rgb(255,206,68) !important;}

.bgwhite{background: #fff !important;}
.bggrey{background: rgb(240,240,240) !important;}
.bg0{background-color: #000 !important;}
.bgnone{background-color:transparent !important;}
.bgs0{background-color:#262626 !important;}
.bgactive{background-color:rgb(255,206,68) !important;}
.db,.block{display: block;}
.dib{display: inline-block;}
.none{display: none !important;}
.clr{font-size: 0;clear: both;}
.img{display: block;}
.bsh{box-shadow: 0 1px 2px #bbb;}
.word{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bb{border-bottom: 1px solid #e6e6e6}
.bt{border-top: 1px solid #e6e6e6}
.bl{border-left: 1px solid #e6e6e6}
.br{border-right: 1px solid #e6e6e6}
.bnone{border: none;}
.btnone{border-top: none;}
.bbnone{border-bottom: none;}
.bttip{color: #999;text-align: center;line-height: 30px;}
.va10{vertical-align:10px;}
.posr{position: relative;}
.posa{position: absolute;}
.h50{height: 50px;}


.input,.select,.textarea{display:inline-block;padding:4px 10px;margin-right:5px;width:160px;border:1px solid #ddd;line-height:normal;vertical-align:middle;color:#666;background:#fff;margin-left: 5px;}
.input{width:200px;height:30px}
.formitems .input,.formitems .select,.formitems .textarea{margin-bottom:6px;border-radius:0px}
.select{width:200px;height:30px}
.select option{padding: 5px 0;text-indent: 5px;}
.textarea{width:400px;height:120px;vertical-align:top;border-radius:4px}
.input:focus,.select:focus,.textarea:focus{border-color:#66AFE9;color:#666}
.input:disabled,.select:disabled,.textarea:disabled{background:#eee;cursor:no-drop}
.input.error,.select.error,.textarea.error{color:#666;border-color:red}
.input.xmini{width:30px;text-align:center}
.input.mini{width:80px}
.input.small{width:120px}
.input.large{width:200px}
.input.xlarge{width:240px}
.input.xxlarge{width:400px}
.select.mini{width:90px}
.select.small{width:130px}
.select.default{width:170px}
.select.large{width:210px}
.select.xlarge{width:250px}
.select.xxlarge{width:390px}
.select.unsend{font-size: 1.2rem;padding: 4px 5px;}
.textarea.small{width:200px;height:60px}
.textarea.default{width:400px;height:140px}
.textarea.large{width:580px;height:200px}
.checkbox-group,.radio-group{display:inline-block;margin-right:5px;padding-top:5px}
.checkbox-group label,.radio-group label{line-height:20px;margin-right:20px;cursor:pointer}
.checkbox-group input,.radio-group input,input.checkbox,input.radio{width:auto;border:none;box-shadow:none;background:0 0;margin:0 2px 0 0;cursor:pointer}
.checkbox-group input,.radio-group input,input.checkbox,input.radio{vertical-align:-2px}


.btn,.fixedBar ul li,.order-img,.sups_tub .tabs_a{text-align:center}

.btn,a.btn{display: inline-block;height: 40px;line-height: 40px;color: #fff;font-size: 1.6rem;border-radius: 20px;padding-left: 40px;padding-right: 40px;margin-top: 6px;margin-bottom: 6px;border-width: 0;}
.ebtn,a.ebtn{display: inline-block;height: 28px;line-height: 26px;font-size: 1.4rem;border-radius: 14px;padding-left: 20px;padding-right: 20px;background: none}
a.btn,input.btn,button.btn{line-height: 40px;}
a.ebtn,input.ebtn,button.ebtn{line-height: 24px;}
.btn:active,a.btn:active,.ebtn:active,a.ebtn:active{opacity: 0.9;}
.btn.btn-sub{background-color:#7a9b94;}
.btn.btn-primary{background-color:#3fd9c1;-moz-box-shadow: 0px 2px 10px #99EBDE;-webkit-box-shadow: 0px 2px 10px #99EBDE;box-shadow: 0px 2px 12px #99EBDE;}
.btn.btn-warning{background-color:#ff7d69;}
.btn.btn-success{background-color:#5cb85c;}
.btn.btn-disabled{background-color: #999;}
.ebtn.btn-primary{border: 2px solid #d9d9d9;color: #b2b2b2;}
.ebtn.btn-success{border: 2px solid #3fd9c1;color: #3fd9c1;}
.ebtn.btn-warning{border: 2px solid #ff7d69;color:#ff7d69;}
.btn.btn-normal{height:32px;line-height:32px;padding-left: 30px;padding-right: 30px;}
a.btn.btn-normal{height:30px;line-height:30px}
.btn.btn-small{height:24px;line-height:24px}
a.btn.btn-small{height:22px;line-height:22px}
.btn.btn-mini{height:20px;line-height:20px}
a.btn.btn-mini{height:18px;line-height:18px}
.btn-large,a.btn-large{width: 100%;background-color:#9c524b;border-color:#e6d5d3}
.btn.per100{width: 100%;}


.cover{width: 100%;height: 100%;background:rgba(0,0,0,0.2);position: fixed;top: 0;left: 0;z-index: 3;display: none;}
.cover.top50{top: 50px;}

.backtop {width: 36px;height: 36px;text-align: center;background: rgba(255,255,255,0.9);border: 1px solid #fff;box-shadow: 2px 2px 5px #aaa;border-radius: 40px;position: fixed;right: 10px;bottom: 60px;z-index: 99;}
.backtop i{color: #666;}

/*header*/
.header{width:100%;height:50px;line-height: 50px;background: #3fd9c1;text-shadow: none;display:-moz-box;display:-webkit-box;display:box;overflow: hidden;}
.header.noborder,.noborder{border: none;}
.header-icon{width: 34px;height: 50px;line-height: 50px;text-align: center;padding: 0 5px;display: block;overflow: hidden;}
.header-icon:active i,.user-icon:active i{color: #eee;}
.header-focus{width: 72px;color: #fff;padding: 0;}
.header-focus span,.header-focus i{display: block;float: left;}
.header-share{line-height: 48px;}
.header-title{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;font-size: 1.6rem;text-align: center;color: #fff;}
.header-title.header-search{font-size: 1.2rem;}

.search-main{width: 94%;height: 30px;line-height: 30px;margin: 10px auto;overflow: hidden;border-radius: 15px;background: #fff;padding: 0 8px;}
.search-main input{width: 78%;height: 30px;line-height: 30px;border: none;}
.search-main i{font-size: 2rem;margin-right: 5px;margin-top: 1px;color: #3fd9c1;}
.search-tip{width: 100%;height: 30px;line-height: 30px;background: #9c524b;color: #fff;text-align: center;font-size: 1.4rem;opacity: 0.8;}

.headpic{width: 54px;height: 54px;border-radius: 54px;}
.header-fixed{width: 100%;max-width: 640px;position: fixed;z-index: 10;top: 0;}

/*error*/
.error{width: 100%;padding: 30px 20px;}
.error p{font-size: 16px;letter-spacing: 1px;min-height: 50px;}
.error img{width: 90%;display: block;margin: 15px 1% 50px 9%;z-index: 10;}

/*share*/
#share {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);display: none;z-index: 20000;}
#share img {position: fixed;right: 18px;top: 5px;width: 260px!important;height: 180px!important;z-index: 20001;}

/*code*/
.code{width: 100%;padding: 20px;font-size: 1.3rem;}
.code h1{font-size: 3rem;text-align: center;letter-spacing: 2px;}
.code img{width: 60%;display: block;margin: 30px auto 25px;}
.code p{line-height: 2;}

/*noninfo*/
.noninfo{width: 100%;padding: 40px 10px;text-align: center;font-size: 1.8rem;color: #666;}
.noninfo i{color: #b3b3b3;font-size: 10rem;line-height: 1.2;}
.noninfo h3{font-size: 1.8rem;color: #333;margin-top: 10px;}
.noninfo p{padding-bottom: 20px;}

















